<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>发修-关于我们</title>
        <link rel="stylesheet" href="/Public/Home/css/base.css">
        <link rel="stylesheet" href="/Public/Home/css/index.css">
        <link rel="stylesheet" href="/Public/Wap/hpf/css/banner.css" />
        <script type="text/javascript" src="/Public/Wap/hpf/css/iscroll.js"></script>
        <script type="text/javascript" src="/Public/Wap/hpf/css/jQuery.js"></script>
        <style>
            .wraper {
                margin: 0 auto;
                padding-top: 2.5em;
                position: relative;
                width: 100%;
            }
        </style>
        <script>
            function myfun() {
                var whei = $(window).height();
                var bhei = $('.gyfx').height();
                if (bhei <= whei) {
                    $('body').css('height', whei);
                } else {
                    $('body').css('height', 'auto');
                }
            }
            window.onload = myfun;
            $(function () {
                var video_id = "{$video.id}";
                $.get("{:U('add_play_num')}", {id: video_id});
            });

            function change(url, ob) {
                if (ob != null) {
                    $(ob).addClass("sjsTj").siblings('li').removeClass('sjsTj');
                }
                if(url=='/index.php?s=/Wap/Know/introduce.html'){
                    $("#content").html("");
                    $("#introduce").show();
                }else{
                    $("#introduce").hide();
                    $.ajax({
                        async: true,
                        url: url,
                        success: function (data) {
                            $("#content").html(data);
                        }
                    });
                }

            }
        </script>
    </head>
    <body>

          <include file="Public/nav"/>
        <div class="yy-bg"></div>
        <div class="about-us full-width">
            <div class="main-width">
                <include file="Info/left"/>

                <div class="right-content">
                    <h1>{$title}</h1>

                    <div id="q1" style="display: block;" class="know">
                        <div class="wraper">
                            <header id="scroll_pic_view" class="scroll_pic_view" style="overflow: hidden;">
                                <div id="scroll_pic_view_div" style="width: 3840px; -webkit-transition: transform 0ms cubic-bezier(0.33, 0.66, 0.66, 1); transition: transform 0ms cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform-origin: 0px 0px 0px; -webkit-transform: translate(0px, 0px) translateZ(0px); transform-origin: 0px 0px 0px; transform: translate(-1920px, 0px) scale(1) translateZ(0px);">
                                    <ul id="scroll_pic_view_ul">
                                        <volist name="introduce.pic" id="pic_path">
                                            <li style="width: 100%;">
                                                <a onclick="return false;">
                                                    <img src="{$pic_path}">
                                                </a>
                                            </li>
                                        </volist>
                                    </ul>
                                </div>
                                <div>
                                    <ol id="scroll_pic_nav" class="scroll_pic_nav">
                                        <script>
                                            (function (d, $) {
                                                var scrollPicView = d.getElementById("scroll_pic_view"),
                                                        scrollPicViewDiv = d.getElementById("scroll_pic_view_div"),
                                                        lis = scrollPicViewDiv.querySelectorAll("li"),
                                                        w = scrollPicView.offsetWidth,
                                                        len = lis.length;
                                                for (var i = 0; i < len; i++) {
                                                    lis[i].style.width = w + "px";
                                                    if (i == len - 1) {
                                                        scrollPicViewDiv.style.width = w * len + "px";
                                                    }
                                                }

                                                var scroll_pic_view = new iScroll('scroll_pic_view', {
                                                    snap: true,
                                                    momentum: false,
                                                    hScrollbar: false,
                                                    useTransition: true,
                                                    onScrollEnd: function () {
                                                        $("#scroll_pic_nav li").removeClass("on").eq(this.currPageX).addClass("on");
                                                        //$("#scroll_pic_nav li.on").prev().addClass("left");
                                                        //$("#scroll_pic_nav li.on").next().removeClass("left");

                                                        var list = $("#scroll_pic_nav li");
                                                        for (var k = 0; k < list.length; k++) {
                                                            if (k < this.currPageX)
                                                                $(list[k]).addClass("left");
                                                            else
                                                                $(list[k]).removeClass("left");
                                                        }
                                                    }
                                                });
                                                //
                                                var nav_lis = new Array(lis.length);
                                                d.write('<li class="on"><span></span></li>');
                                                for (var i = 1; i < nav_lis.length; i++) {
                                                    d.write("<li><span></span></li>");
                                                }
                                            })(document, $);
                                        </script>
                                    </ol>
                                </div>
                            </header>
                        </div>
                        <div class="knowInfo">
                            <div>
                                {$introduce.content}
                            </div>
                        </div>
                    </div>

                </div>
                <div class="cl"></div>
            </div>
        </div>











        <div class="cl"></div>

        <include file="Public/footer"/>


    </body>
</html>